<template>
  <!-- 客户管理 -->
  <div class="clientAdd">
    <div class="box1">新增客户信息</div>

    <div class="mean">
      <el-icon color="#409EFC"><ArrowLeft /></el-icon>
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="基本信息">
          <table cellspacing="0">
            <tr>
              <td>企业名称</td>
              <td><input class="input" type="text" /></td>
              <td>社会信用代码</td>
              <td><input class="input" type="text" /></td>
              <td>行业类型</td>
              <td><input class="input" type="text" /></td>
            </tr>
            <tr>
              <td>企业成立时间</td>
              <td><input class="input" type="text" /></td>
              <td>进出口许可证</td>
              <td><input class="input" type="text" /></td>
            </tr>
            <tr>
              <td>注册资金币种</td>
              <td><input class="input" type="text" /></td>
              <td>工商注册资金(元)</td>
              <td><input class="input" type="text" /></td>
              <td>所有制</td>
              <td><input class="input" type="text" /></td>
            </tr>
            <tr>
              <td>实际经营地址</td>
              <td><input class="input" type="text" /></td>
              
            </tr>
          </table>
        </el-tab-pane>
        <el-tab-pane label="资产负债表">资产负债表</el-tab-pane>
        <el-tab-pane label="利润表">利润表</el-tab-pane>
        <el-tab-pane label="现金流量表">现金流量表</el-tab-pane>
        <el-tab-pane label="股东信息">股东信息</el-tab-pane>
        <el-tab-pane label="管理团队">管理团队</el-tab-pane>
        <el-tab-pane label="银行账户信息">银行账户信息</el-tab-pane>
        <el-tab-pane label="企业信用概况">企业信用概况</el-tab-pane>
        <el-tab-pane label="涉诉信息">涉诉信息</el-tab-pane>
      </el-tabs>
      <el-icon color="#409EFC"><ArrowRight /></el-icon>
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";
import { useRouter } from "vue-router";
var router = useRouter();
var name = ref();
var code = ref();
var type = ref();
var time = ref();
</script>

<style scoped lang="scss">
.box1 {
  font-weight: 700;
}
.mean {
  display: flex;
  justify-content: center;
}
.el-icon {
  width: 30px;
  height: 30px;
  border: 1px solid #409efc;
  border-radius: 50%;
  margin: 0 20px;
}
.el-tabs__item {
  padding: 0 50px;
}
table {
  border: 1px solid #ebe6e6;
  td {
    border: 1px solid #ebe6e6;
    width: 1300px;
  }
}
input {
  border-color: transparent;
  height: 30px;
  outline: none;
}
</style>